import { useState, useEffect } from "react";
import { Card, Switch } from "antd";

const SetItem = ({ content, remark, onChange, value }) => {
	return (
		<Card className="bg-light-blue">
			<div className="flx-justify-between">
				<div>
					<p style={{ fontSize: 12, lineHeight: "18px" }}>{content}</p>
					<p className="light-gray" style={{ fontSize: 12, lineHeight: "18px" }}>
						{remark}
					</p>
				</div>
				<Switch onChange={onChange} checked={value} />
			</div>
		</Card>
	);
};
export default SetItem;
